<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">

            <h:form>
                <h:panelGrid columns="1" style="width: 400px;margin: 0px auto;">
                    <p:commandButton action="#{MBIgv.nuevo()}" value="AGREGAR IGV" ajax="false" />
                </h:panelGrid> 
            </h:form>
            <p:panel header="IGV VIGENTE" style="width: 400px;margin: 0px auto;">
                <h:panelGrid columns="2" cellpadding="10"> 
                    <h:outputText value="FECHA DE INICIO DEL PERIODO :" style="font-weight: bold" />
                    <h:outputText value="#{BKIgv.igvVigente.inicioPeriodo}" >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>

                    <h:outputText value="IGV(%) : " style="font-weight: bold" />
                    <h:outputText value="#{BKIgv.igvVigente.monto}" /> 
                </h:panelGrid>
            </p:panel>
            <br/>

            <h:form>
                <p:panel id="pnlListaIgv" header="Lista de IGV" closable="true" style="width: 80%;margin: 10px auto" widgetVar="listaIgv" >

                    <p:dataTable id="dataTablaIgv" var="igv" value="#{BKIgv.listaIgvsActivos}" 
                                 emptyMessage="No se encontraron igvs"  rowIndexVar="rowIndex"
                                 filteredValue="" paginator="true" rows="10" 
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" 
                                 rowsPerPageTemplate="5,10,15"> 
                        <p:column id="idColumnaNum" style="width: 5%" 
                                  headerText="Num.">
                            <h:outputText value="#{rowIndex+1}" /> 
                        </p:column>
                        <p:column id="idColumnaFechaInicio" style="width: 25%"
                                  sortBy="#{igv.inicioPeriodo}"
                                  headerText="Inicio del Periodo">
                            <h:outputText value="#{igv.inicioPeriodo}" >
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText> 
                        </p:column>
                        <p:column id="idColumnaFechaFinal" style="width: 30%"
                                  sortBy="#{igv.finPeriodo}"
                                  headerText="Fin del Periodo">
                            <h:outputText value="#{igv.finPeriodo}" >
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText>
                        </p:column>
                        <p:column id="idColumnaMonto" style="width: 30%"
                                  sortBy="#{igv.monto}"
                                  headerText="IGV(%)"> 
                            <h:outputText value="#{igv.monto}" /> 
                        </p:column>

                        <p:column id="idAccionesIgv" headerText="Acciones" style="width: 10%">
                            <p:commandButton icon="ui-icon-pencil" ajax="false" title="Editar" action="#{MBIgv.editar()}" 
                                             disabled="#{igv.id eq BKIgv.listaIgvsActivos.size()?'false':'true'}">
                                <f:setPropertyActionListener value="#{igv}"  target="#{BKIgv.igvFormulario}" />  
                            </p:commandButton>  
                        </p:column>
                    </p:dataTable>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>   